<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

	<head>
		<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
		<title>购物车 - VANCL 凡客诚品</title>
		<link rel="stylesheet" type="text/css" href="__STATIC__/index/css/myCart.css" />
		<script type="text/javascript" src="__STATIC__/js/jquery-1.8.2.min.js"></script>
		<script type="text/javascript" src="__STATIC__/index/js/fk.js"></script>
		<script type="text/javascript">
		var ajaxGetNum = "{|U:'Index/ShopCar/ajaxGetNum'}";//异步获取数值	
		</script>
		<script type="text/javascript" src="__STATIC__/index/js/order.js"></script>
	</head>

	<body>
		<div class="box">
			<!--顶部帮助中心-->
			<div class="header">
				<a href="" class="logo"><img src="./images/myCart/vancl-logo.png" alt="" /></a>
				<!--右侧-->
				<div class="right">
					<ul class="headerMiddle">
						<!--如果用户已经登录就显示-->
                        <if value="$hd.session.uname!==NULL">
    						<li>您好,
    							<a href="" class="name">
    							    {$hd.session.uname}
    							</a>
    						</li>
    						<li class="myVancl1"><a href="{|U:'Login/out'}">退出登陆</a><span class="shu">|</span><a href="{|U:'Index/Login/index'}">更换用户</a></li>
	                    <else/>
                            <li>您好,欢迎光临凡客诚品！</li>
                            <li class="myVancl"><a href="{|U:'Login/index'}">登陆</a><span class="shu">|</span><a href="{|U:'Register/index'}">注册</a></li>
                        </if>
					</ul>
					<p class="bz">帮助中心</p>
				</div>
				<!--右侧结束-->
			</div>
			<!--顶部帮助中心结束-->
			
			<!--核对信息-->
			<div class="checkInfo">
				<em>1.我的购物车</em>
				<span>2.填写核对信息单</span>
				<span>3.成功提交订单</span>
			</div>
			<!--核对信息-->
			
			<!--我的购物车内容区域-->
			<div class="content">
				<div class="carTop">
					<span class="car"></span>
					<h2>我的购物车</h2>
					<i>
						(<a href="">选购清单</a>)
					</i>
				</div>
				<!--温馨提示-->
				<div class="Prompt">
					<span>温馨提示：</span>
					1.选购清单中的商品无法保留库存，请您及时结算。2.商品的价格和库存将以订单提交时为准。3.促销活动满减优惠将均摊至商品小计中。 
				</div>
				<!--温馨提示结束-->
					
			<!--全选-->
			<div class="checkAll">
				<div class="nc">
					<form action="">
						<!--全选-->
						<div class="barTitle">
							<ul>
								
								<li style="text-align: left;"><input type="checkbox" class="qx"/>全选</li>
								<li style="width: 390px;margin-right: 0px;">商品名称</li>
							    <li>颜色/尺寸</li>
								<li>单价</li>
								<li>数量</li>
								<li>优惠</li>
								<li>小计</li>
								<li>操作</li>
							</ul>
						</div>
						<!--全选结束-->
						
						<!--立即凑单+收藏删除-->
						<div class="bg">
							<!--立即凑单-->
							<div class="cd">
								<input type="checkbox"/>
								<p class="ps">以下商品由凡客诚品负责配送</p>
								<p class="myf">
									您再买
									<span>￥180.00</span>
									即可享免运费，
									<a href="javascript:;" class="ljcd">立即凑单</a>
								</p>
						
							</div>
							<!--立即凑单结束-->
							
							<!--店铺-->
							<div class="shop">
								<p>
									<input type="checkbox" />
									店铺：<a href="">VANCL 凡客诚品旗舰店</a>
									
								</p>
							</div>
							<!--店铺-->
							<foreach from="$carGoods" key="$k" value="$v">
    							<!--内容-->
    							<div class="Content">
    								<!--全选-->
    								<input type="checkbox" class="sl"/>
    								<a href="" class="pic1"><img src="../images/myCart/1.jpg" alt="" /></a>
    								<!--商品名称-->
    								<p class="ms">
    									<a href="" title="{$v.name}">{$v.name}</a>
    								</p>
    								<!--商品名称-->
    								<!--尺码-->
    								<a href="" class="size">{$v.options}</a>
    								<!--尺码结束-->
    								<!--单价-->
    								<span href="" class="price1">{$v.price}</span>
    								<!--单价-->
    								<!--数量-->
    								<div class="sl1" sid="{$k}">
    								 	<a href="javascript:;" class="zc"></a>
    								 	<input type="text" value="{$v.num}" />
    								 	<a href="javascript:;" class="yc"></a>
    								</div>
    								<!--数量-->
    								<!--优惠-->
    								<p class="heng">-</p>
    								<!--优惠-->
    								<!--小价-->
    								<span href="" class="price2">{$v.total}</span>
    								<!--小价-->
    								<!--操作-->
    								<div class="operate">
    									<a href='{|U:'del',array('sid'=>$k)}' class="gray">删除</a>
    								</div>
    								<!--操作结束-->
    							</div>
    							<!--内容-->
							</foreach>
						</div>
						<!--立即下单+收藏删除结束-->
						
						<!--去结算-->
						<div class="account">
							<!--全选+删除-->
							<div class="bar">
								<input type="checkbox" class="xqx" id="xqx"/>
								<label for="xqx">全选</label>
								<a href="">删除</a>
								
							</div>
							<!--全选+删除-->
							
							<!--数量统计-->
							<p class="summary">
								数量总计：
								<span>{$totalNum}</span>
								产品金额总计(不含运费)：
								<i>￥</i><em>{$totalPrice}</em>
							</p>
							<!--数量统计-->
							
							<!--继续购物+结算-->
							<div class="gwjs">
								<a href="{|U:'index/index'}" class="goBuy"><<继续购物</a>
								<a href="{|U:'Order/index'}" class="goPay">去结算>></a>
							</div>
							<!--继续购物+结算结束-->
						</div>
						<!--去结算结束-->
						
						<!--点击凑单显示的隐藏div-->
						<div class="collocate">
							<div class="coudan">
								<p>
									<strong>免运费凑单商品</strong>
									（您再买<span>￥180.00</span>凡客发货商品，即可享免运费优惠）
								</p>
								<a href="javascript:;" class="myCartX"><img src="./images/myCart/dpbox_06.gif" alt="" /></a>
							</div>
							<div class="collocateContent">
								<div class="contentList">
									抱歉，未帮您找到适合的凑单商品，您还可以添加下方的促销特惠商品。
								</div>
							</div>
						</div>
						<!--点击凑单显示的隐藏div-->
					</form>
				</div>
			</div>	
			<!--全选-->
			<!--我的购物车内容区域-->
			
			<!--促销特惠商品-->
			<div class="promotion">
				<div class="proTitle">
					<h2>促销特惠商品</h2>
				</div>
				<!--促销内容-->
				<div class="superPresent">
					<div class="PresentItem">
						<p class="hss1">购买任意商品加15元赠送护手霜</p>
						<!--放入购物车-->
						<div class="clearfix">
							<img src="./images/myCart/hss.jpg" alt="" class="fr"/>
							<div class="presentContent">
								<a href="" class="title">Miook汉方植萃防裂修护手霜 100g+30g</a>
								<p class="xjyj"><span>现价：<em>￥15.00</em></span><i>原价：￥<em>39.00</em></i></p>
								<!--颜色-->
								<div class="selectColor">
									<span>颜色：</span>
									<p>
										<a href="" class="one"><img src="./images/myCart/hss1.jpg" /></a>
										<a href="" class="two"><img src="./images/myCart/hss2.jpg" /></a>
									</p>
								</div>
								<!--颜色结束-->
								
								<!--尺码-->
								<div class="selectSize">
									<span>尺码：</span>
									<p>
										<a href="">100g+30g</a>
									</p>
								</div>
								<!--尺码-->
								
								<!--您选择了-->
								<div class="selectIt">
									<label>您选择了：</label>
									<span>100g+30g</span>
								</div>
								<!--您选择了-->
								
								<!--放入购物车-->
								<input type="text" class="frgwc" value="放入购物车"/>
								<!--放入购物车-->
							</div>
						</div>
						<!--放入购物车-->
					</div>
				</div>
				<!--促销内容-->
			</div>
			<!--促销特惠商品-->
			
			<!--最近浏览商品内容区域-->
			<div class="collect">
				<ul class="xs">
					<li class="selected">
						<a href="javascript:;">最近浏览的商品</a>
					</li>
					<li>
						<a href="javascript:;">推荐商品</a>
					</li>
					<li><a href="javascript:;">收藏夹	</a></li>
				</ul>
			
			<!--tab标题结束-->
			<!--默认显示的div-->
				<div class="browse">
					<ul>
						<li>
							<a href="javascript:;" class="pic1"><img src="./images/myCart/ll1.jpg" alt="" /></a>
							<a href="javascript:;" class="wz1" title="[VT]印花T恤 BREVITY IS THE SOUL OF WIT(女款) 白色">[VT]印花T恤 BREVITY IS THE SOUL OF WIT(女款) 白色</a>
							<p>现价：￥<strong>19.00</strong></p>
							<form action="" method="post">
								
								<input type="submit" value="放入购物车"/>
							</form>
							<!--点击图片，显示隐藏的DIV-->
							<!--<div class="cloose">
								<div class="clooseInner">
									<p class="clooseTitle">
										<span class="xx">请确定商品信息</span>
										<a href="" class="x2"></a>
									</p>
									<a href="" class="pic4"><img src="./images/myCart/yc1.jpg" /></a>
									<p class="xzbs">
										<a href=""></a>
									</p>
								</div>
							</div>-->
							<!--点击图片，显示隐藏的DIV结束-->
						</li>
						<li>
							<a href="javascript:;" class="pic1"><img src="./images/myCart/ll2.jpg" alt="" /></a>
							<a href="javascript:;" class="wz1" title="[VT]印花T恤 BREVITY IS THE SOUL OF WIT(女款) 白色">[VT]印花T恤 BREVITY IS THE SOUL OF WIT(女款) 白色</a>
							<p>现价：￥<strong>19.00</strong></p>
							<form action="" method="post">
								
								<input type="submit" value="放入购物车"/>
							</form>
						</li>
					</ul>
					<div class="page">
						<div class="pos">
							<span>1</span>
						</div>	
					</div>
				</div>
				<!--默认显示div-->
			</div>
			<!--最近浏览商品内容区域-->
			
			<!--意见反馈-->
			<div class="help">
				<p>
					我们会努力改进购物车，欢迎提出宝贵意见。
					<a href="">意见反馈>></a>
				</p>
			</div>
			<!--意见反馈-->
			
		</div>
		<!--中间区域结束-->
		
		<!--底部-->
		<div class="footer">
			<p>Copyright 2007 - 2015 vancl.com All Rights Reserved 京ICP证100557号 京公网安备11010102000579号 出版物经营许可证新出发京批字第直110138号</p>
			<p class="ectrustprc">
				<a href="">
					<img src="./images/myCart/cx.png" alt="" />
				</a>
				<span><img src="./images/myCart/cert-costumeorg.jpg" alt="" /></span>
				<a href="" class="pic03"><img src="./images/myCart/cert-wsjybzzx.png" alt="" /></a>
			</p>
		</div>
		<!--底部结束-->
	</body>

</html>